<template>
  <div class="py-30px pl-20px pr-40px">
    <el-card>
      <p class="mb-30px text-30px text-center">{{ title }}</p>
      <div v-html="content" class="text-18px min-h-650px"></div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import { reqNoteDetail } from '@/api/note'

const $route = useRoute()
const title = ref('')
const content = ref('')

const getNoteDetail = async () => {
  const { data } = await reqNoteDetail({
    id: $route.query.id,
  })
  title.value = data.title
  content.value = data.content
  console.log('data', data)
}
getNoteDetail()
</script>

<style scoped></style>
